<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <meta name="generator" content="Jarvis 3.0.0"/>
    <meta name="author" content="Jarvis Team"/>
    <meta name="copyright" content="2020-2026 Jarvis Inc."/>


    <meta name="subdir" content="/"/>

    <meta name="Keywords" content="宣和艺网,艺术品">
    <meta name="description" content="宣和艺网,艺术品"/>
    <title>宣和艺网艺术品搜索-共享艺术服务平台</title>
    <!-- PAGEICO -->
    <!-- PAGBGSOUND -->
    <link rel="stylesheet" type="text/css" name="public_css" th:href="@{/css/public.css}"/>

    <link rel="stylesheet" type="text/css" name="page_theme_css" th:href="@{/css/page_1279620398.css}"/>

    <link rel="stylesheet" type="text/css" name="current_page_css" th:href="@{/css/pps_0.css}"/>

    <SCRIPT LANGUAGE="JavaScript" th:href="@{/js/jquery-1.5.2.min.js}"></SCRIPT>
    <script language="JavaScript" th:href="@{/js/common.js}"></script>
    <script language="JavaScript" th:href="@{/js/form.js}"></script>
    <SCRIPT LANGUAGE="JavaScript" th:href="@{/js/jquery.corner.js}"></SCRIPT>


    <script language="JavaScript" th:href="@{/js/bas.js}"></script>
    <script th:href="@{/js/bas_replace_class.js}" language="JavaScript"></script>
    <script type="text/javascript" th:src="@{/js/baiduhm.js}" ></script>

</head>

<body>
<!-- PUBLICHEAD -->
<!-- PUBLICAPPHEAD --><!--begin layout (6) -->
<div class="theme_layoutbox_1400635180">
    <table align="center" border=0 cellSpacing=0 cellPadding=0 class="theme_layout_1400635180">
        <tr>
            <td colspan="1" rowspan="1" width="100%" align="left" valign="top">
                <!--begin block 5-->
                <dl class='theme_block_1231159117 theme_block_5'>
                    <dd class='theme_body_1231159117 theme_body_5'>
                        <div class="vt_b">
                            <div class="vt_bf">
                                <div class="vt_fd">
                                    <div class="vt_fc">

                                        <!--                                        <a href="#" target="_self">简体</a>-->
                                        <!--                                        <a target="_self">繁体</a>-->

                                    </div>
                                </div>
                                <div class="vt_fa bgm"><a target="_self" href="/">宣和艺网</a></div>
                                <!--div id="vt_denglu">


        </div-->

                            </div>

                        </div>

                        <div><a target="_blank" href="">宣和艺网<span>[surnwo.com]</span></a></div>
                    </dd>
                </dl>

                <!--end block 5--><!-- FRAME6-1-1 -->
            </td>
        </tr>
    </table>
</div>
<!--顶部 start-->
<div class="theme_layoutbox_1208765579">
    <table align="center" border=0 cellSpacing=0 cellPadding=0 class="theme_layout_1208765579">
        <tr>
            <td colspan="1" rowspan="1" width="320" align="left" valign="top">
                <!--网站logo start-->
                <dl class='theme_block_1231159117 theme_block_6'
                    th:style="'width:auto;height:'+${systemConfig.HeaderLogoHeight}+'px'">
                    <dd class='theme_body_1231159117 theme_body_6'>
                        <ul class="i06 bgm" style="position: relative">
                            <img th:src="${systemConfig.HeaderLogo}"
                                 th:style="'width:1180px;height:'+${systemConfig.HeaderLogoHeight}+'px'">
                            <div th:style="'position: absolute;top: 0px;width:1180px;height:'+${systemConfig.HeaderLogoHeight}+'px'"
                                 th:utext="${systemConfig.HeaderLogoText}"></div>
                            <a target="_self" class="logo" href="/">宣和艺网</a>
                        </ul>
                    </dd>
                </dl>
                <!--网站logo end-->

                <!--end block 6--><!-- FRAME7-1-1 -->
            </td>
            <!--            <td colspan="1" rowspan="1" width="860" align="right" valign="top">-->
            <!--                &lt;!&ndash;begin block 9&ndash;&gt;-->
            <!--                <dl class='theme_block_1231159117 theme_block_9'>-->
            <!--                    <dd class='theme_body_1231159117 theme_body_9'><a href=""-->
            <!--                                                                      target="_blank"-->
            <!--                                                                      style="display:block; width:100%; height:90px;"><img-->
            <!--                            style="height: 233px;float: right;" th:src="@{/picture/index/001.jpg}"></a>-->
            <!--                    </dd>-->
            <!--                </dl>-->


            <!--            </td>-->
        </tr>
    </table>
</div>
<!-- 顶部 end -->
<div class="theme_layoutbox_1400635216">
    <table align="center" border=0 cellSpacing=0 cellPadding=0 class="theme_layout_1400635216">
        <tr>
            <td colspan="1" rowspan="1" width="100%" align="left" valign="top">
                <!--begin block 10-->
                <dl class='theme_block_1231159117 theme_block_10'>
                    <dd class='theme_body_1231159117 theme_body_10'>
                        <style>
                            .hidden_img img {
                                display: none !important;
                            }

                            .hidden_img p {
                                margin-top: 0px;
                                font-size: 12px !important;
                                color: #a0a0a0 !important;
                            }

                            .hidden_img p .i08c a span {
                                margin-top: 0px;
                                font-size: 12px !important;
                                color: #a0a0a0 !important;
                            }

                            .i10s_a {
                                float: left;
                                width: 275px;
                                height: 35px;
                                padding: 5px 10px;
                                overflow: hidden;
                            }

                            .i10s_a input {
                                width: 275px;
                                height: 35px;
                                overflow: hidden;
                                line-height: 35px;
                                background: none;
                                border: none;
                                margin: 0px;
                                padding: 0px;
                                font-size: 14px;
                                color: #6b6b6b;
                            }

                            .i10s_b {
                                float: left;
                                width: 50px;
                                height: 45px;
                                overflow: hidden;
                            }

                            .i10s_b input {
                                width: 50px;
                                height: 45px;
                                overflow: hidden;
                                background: none;
                                border: none;
                                margin: 0px;
                                padding: 0px;
                                text-indent: -999px;
                                cursor: pointer;
                            }

                            .i20a {
                                height: auto;
                            }

                            .i20 {
                                height: auto;
                            }

                            .m20by {
                                height: auto;
                            }
                        </style>


                        <!-- 搜索框 -->
                        <!-- <ul class="i10r bgm">
                            <form style=" margin:0px; padding:0px; " target="_self" action="/index.php">
                                <input type="hidden" value="app" name="act">
                                <input type="hidden" name="appid" value="9">
                                <input type="hidden" value="search" name="cmd">
                                <li class="i10s_a">
                                    <input type="text" name="sear" id="sear" value="">
                                </li>
                                <li class="i10s_b">
                                    <input type="submit" value="搜">
                                </li>
                            </form>
                        </ul> -->
                        <ul class="i10" id="sydh">

                            <li th:each="menu,index:${menus}"
                                th:class="${menu.isActice == 1}? ' w_new ' : ' div_jia w_old '">
                                <a th:href="${menu.content}" target="_self" class=" n_old ">[[ ${menu.name} ]]</a>
                            </li>

                            <li style="border: none;width: 300px;float: right">
                                <div style="border: 1px solid #ccc;height: 32px">
                                    <form style=" margin:0px; padding:0px; " target="_self" action="/artwork/list">
                                        <div style="float: left">
                                            <select class="header_select_box"
                                                    style="height: 32px;background: transparent;font-size: 14px;padding-left: 8px;color: #999;">
                                                <option selected="selected" value="2">艺术品</option>
                                            </select>
                                        </div>

                                        <div style="float: left">
                                            <input name="name"
                                                   style="height: 30px;border: none;background: transparent">
                                        </div>
                                        <div style="float: left">
                                            <input type="submit" value=""
                                                   style="width: 38px;height: 32px;background: transparent;border: none;background: url('../images/search.png');background-size: 23px;
    background-repeat: no-repeat;
    background-position: center;">
                                        </div>
                                    </form>
                                </div>


                            </li>


                        </ul>
                    </dd>
                </dl>

                <!--end block 10--><!-- FRAME9-1-1 -->
            </td>
        </tr>
    </table>
</div>
<!--正文 start-->
<div class="theme_layoutbox_1208765579 page-content">
    <table align="center" border=0 cellSpacing=0 cellPadding=0 class="theme_layout_1208765579">


        <tr></tr>
        <td colspan="3" rowspan="1" width="1180" align="left" valign="top">
            <!--begin block 14-->
            <style>
                .n41 {
                    margin-left: 10px;
                    margin-top: 10px;
                    width: 1158px;
                }

                .n41a {
                    width: 1112px;
                }

                .n41_r {
                    width: 888px;
                }

                .letter-item {
                    margin-right: 20px;
                    color: #333;
                }

                .active-letter-item {
                    margin-right: 20px;
                    color: #b68036;
                }

                #yszl .w_old {
                    height: 510px;
                    border: 1px solid #ccc;
                    padding: 0px;
                    margin-bottom: 10px;
                    margin-left: 15px;
                    margin-bottom: 15px;
                    width: 367px;
                }

                .i20 {
                    padding-right: 0px;
                    padding-left: 0px;
                }

                .m20by {
                    width: 1180px;
                    height: auto;
                }

                #yszl .n_old {
                    margin: 0 auto;
                    width: 367px;
                    height: 367px;
                    background: #eee !important;
                }

                .artwork_img {
                    max-width: 355px;
                    max-height: 355px;
                }

                .artwork_img:hover {
                    animation: zoom 1s forwards;
                }

                .m20b_title {
                    height: 40px;
                    line-height: 40px;
                    overflow: hidden;
                    text-align: center;
                    border-bottom: 1px dashed #ccc;
                    width: 325px;
                    margin: 0 auto;
                    font-size: 22px;
                }

                .m20b_title_2 {
                    height: 58px;
                    padding: 0px 10px 0px;
                    padding-top: 6px;
                    border-bottom: 1px dashed #ccc;
                    width: 319px;
                    margin: 0 auto;
                    padding-left: 0px;
                    line-height: 25px;
                    overflow: hidden;
                    text-align: center;
                    font-size: 14px;
                }

                @keyframes zoom {
                    0% {
                        transform: scale(1);
                    }
                    100% {
                        transform: scale(1.4);
                    }
                }
            </style>

            <dl class='theme_block_1231159117 theme_block_20' style="background: #fff;height: auto;border: none">
                <dd style="border-bottom: 1px dashed #ccc;width: 1090px;text-align: left;height: 35px;font-size: 16px;margin-top: 10px">
                    <span style="margin-right: 20px;color: #999;">
                    类型筛选:
                        </span>
                    <a th:href="@{/artwork/list(name=${name},currentPage=${currentPage})}"
                       th:class="${type == null}? 'active-letter-item' : 'letter-item '"
                       class="letter-item">全部</a>
                    <a th:each="artType:${artTypes}"
                       th:class="${type == artType.id}? 'active-letter-item' : 'letter-item '"
                       th:href="@{/artwork/list(type=${artType.id},name=${name},currentPage=${currentPage})}">[[
                        ${artType.name} ]]</a>

                </dd>

                <dd class='theme_body_1231159117 theme_body_20'>
                    <ul class="i20" style="height: auto">
                        <!-- 0,4 -->
                        <ol class="i20a " id="zl_1" style=" display:block;height: auto;">

                            <ul class="m20by" id="yszl">

                                <div class="image-gallery">
                                    <ol class="w_old" th:each="artwork,index:${artworks}">
                                        <li class="m20a tbimg n_old">
                                            <table>
                                                <tr>
                                                    <td>
                                                        <a th:href="@{/artwork/detail(id=${artwork.id})}" target="_blank"><img
                                                                class="artwork_img"
                                                                th:src="${artwork.url}"></a>
                                                    </td>
                                                </tr>
                                            </table>
                                        </li>
                                        <li class="m20b_title">
                                            <a style="color: #b68036;"
                                               th:href="@{/artwork/detail(id=${artwork.id})}" target="_blank"
                                               th:title="${artwork.artworkNum}"> [[ ${artwork.name} ]] </a>
                                        </li>

                                        <li class="m20b_title_2">
                                            <a target="_blank" th:href="@{/artwork/detail(id=${artwork.id})}">

                                                <div style="text-align: left; color:#999;float: left;width: 50%;">
                                                    作者：[[ ${artwork.artistName} ]]
                                                </div>
                                                <div style="text-align: left;color:#999;text-indent: 10px; float: left;width: 50%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">
                                                    编号：[[ ${artwork.artworkNum == null||artwork.artworkNum == 0 ?
                                                    '****' : artwork.artworkNum } ]]
                                                </div>
                                                <div style="text-align: left;color:#999;float: left;width: 50%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">
                                                    创作：[[ ${artwork.createSrt == null ? '' : artwork.createSrt} ]]
                                                </div>

                                            </a>
                                        </li>

                                        <li class="m20c "
                                            style="height: 30px;padding-top: 5px;padding-left: 22px;padding-right: 22px;">
                                            <a target="_blank" th:href="@{/artwork/detail(id=${artwork.id})}">

                                                <div style="text-align: left; color:#999; float: left;width: 100%;font-size: 14px;">
                                                    规格：[[ ${artwork.spec} ]]
                                                </div>


                                            </a>
                                        </li>


                                    </ol>
                                </div>


                                <div class="clear"></div>
                            </ul>


                            <div class="clear"></div>
                        </ol>

                        <!-- 1,4 -->

                    </ul>

                    <style>
                        .disabled {
                            pointer-events: none
                        }

                        .fl {
                            float: left;
                            font-size: 16px;
                            margin-right: 10px;
                            border: 1px solid #ccc;
                            padding: 5px 10px;
                        }

                        .active a {
                            color: #b68036;
                        }
                    </style>
                    <div th:if="${totalPages > 1}"
                         style="display: flex; justify-content: center; align-items: center;padding: 0px 30px;margin-bottom: 11px;height: 39px;text-align: center;">
                        <nav aria-label="Page navigation">
                            <ul class="pagination">
                                <li th:class="${currentPage == 1}? 'disabled fl':'fl'">
                                    <a th:href="@{/artwork/list(page=${currentPage - 1}, type=${type},name=${name})}"
                                       aria-label="Previous">
                                        <span aria-hidden="true">上一页</span>
                                    </a>
                                </li>

                                <li th:each="page:${pages}" th:class="${currentPage == page}? 'active fl':'fl'">
                                    <a th:href="@{/artwork/list(currentPage=${page}, type=${type},name=${name})}"
                                       th:text="${page}"></a>
                                </li>


                                <li th:class="${currentPage == totalPages }? 'disabled fl':'fl'">
                                    <a th:href="@{/artwork/list(currentPage=${currentPage + 1}, type=${type},name=${name})}"
                                       aria-label="Next">
                                        <span aria-hidden="true">下一页</span>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </div>


                    </ul>
                </dd>
            </dl>

            <!--end block 14--><!-- FRAME5-2-1 -->
        </td>
        </tr>


    </table>
</div>
<!--正文 end-->
<div class="theme_layoutbox_1400835584">
    <table align="center" border=0 cellSpacing=0 cellPadding=0 class="theme_layout_1400835584">
        <tr>
            <td colspan="1" rowspan="1" width="100%" align="left" valign="top">
                <!--begin block 12-->
                <dl class='theme_block_1231159117 theme_block_12'>
                    <dd class='theme_body_1231159117 theme_body_12'>
                        <ul class="i12t">
                            <li style="background-color:#ed4b3c;"></li>
                            <li style="background-color:#41bef4;"></li>
                            <li style="background-color:#b68036;"></li>
                            <li style="background-color:#459b9a;"></li>
                            <li style="background-color:#ffa904;"></li>
                        </ul>

                        <ul class="i12">
                            <span>站点地图：</span>
                            <a href="/" target="_blank">宣和艺网首页</a>
                            <a href="/depart/list" target="_blank">艺术机构</a>
                            <a href="/search?type=1" target="_blank">艺术名家</a>
                            <!--                            <a href="/search?type=2" target="_blank">艺术展览</a>-->
                            <!--                            <a href="/search?type=4" target="_blank">文章资讯</a>-->
                        </ul>


                    </dd>
                </dl>

                <!--end block 12--><!-- FRAME10-1-1 -->
            </td>
        </tr>
    </table>
</div>
<!--end layout (10) -->
<!--begin layout (11) -->
<div class="theme_layoutbox_1400835667">
    <table align="center" border=0 cellSpacing=0 cellPadding=0 class="theme_layout_1400835667">
        <tr>
            <td colspan="1" rowspan="1" width="100%" align="left" valign="top">
                <!--begin block 11-->
                <dl class='theme_block_1231159117 theme_block_11'>
                    <dd class='theme_body_1231159117 theme_body_11'>
                        <ul class="i11">
                            <li><a href="/" target="_blank">中山端航科技版权所有，请勿转载 Copyright © Surnwo Art-Grid
                                All Rights
                                Reserved
                            </a>
                            </li>
                            <li>
                                <span></span><span></span><span></span><span></span><a
                                    href=""
                                    target="_blank"></a><span></span><span>技术支持:</span><a
                                    href="http://surnwo.com/"
                                    target="_blank">中山端航科技<span></span></a><a
                                    href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备2023141016号-5 </a>
                            </li>
                        </ul>


                    </dd>
                </dl>

                <!--end block 11--><!-- FRAME11-1-1 -->
            </td>
        </tr>
    </table>
</div>
<!--end layout (11) -->
<!-- PUBLICAPPFOOT -->
<!-- PUBLICFOOT -->
</body>

</html>
